import React, { Component } from "react";

import Title from "./title";
class main extends Component {
  render() {
    return (
      <>
        <div className="main">
          <div className="main_txt m">
            <div className="entire">
              <Title
                left={<span>全国名师推荐</span>}
                right={
                  <a href="true" className="right_bg">
                    不喜欢？换一批
                  </a>
                }
              />
              <ul className="ent_list">
                <li>
                  <div
                    className="elist_top"
                    onClick={() => {
                      this.props.history.push("/teacher/1");
                    }}
                  >
                    <div className="eltop_img">
                      <img
                        src={require("../../images/teacher1.jpg").default}
                        alt=""
                      />
                    </div>
                    <div className="eltop_own">
                      <h4>谢依霖</h4>
                      <span>特级教师</span>
                      <span>成都嘉祥七种外国语学校</span>
                    </div>
                  </div>
                  <div className="elist_txt">
                    <p className="eltxt_hop">
                      <span>从生物圈到细胞</span>
                    </p>
                    <p className="eltxt_hop">
                      <span>生命活动的主要承担者-蛋白质</span>
                    </p>
                    <p className="eltxt_hop">
                      <span>细胞的多样性和统一性</span>
                    </p>
                    <p>
                      <span>现代生物进化论的主要内容</span>
                    </p>
                    <p>
                      <span>基因是有遗传效应的DNA片段具体应用...</span>
                    </p>
                  </div>
                </li>
                <li>
                  <div
                    className="elist_top"
                    onClick={() => {
                      this.props.history.push("/teacher/2");
                    }}
                  >
                    <div className="eltop_img">
                      <img
                        src={require("../../images/teacher2.jpg").default}
                        alt=""
                      />
                    </div>
                    <div className="eltop_own">
                      <h4>李晓蕊</h4>
                      <span>一级教师</span>
                      <span>北京二十四中</span>
                    </div>
                  </div>
                  <div className="elist_txt">
                    <p className="eltxt_hop">
                      <span>水的电离和溶液的酸碱性</span>
                    </p>
                    <p className="eltxt_hop">
                      <span>盐类的水解</span>
                    </p>
                    <p className="eltxt_hop">
                      <span>难溶电解质的溶解平衡动态解析</span>
                    </p>
                    <p>
                      <span>元素化学与化学理论</span>
                    </p>
                    <p>
                      <span>弱电解质的电离</span>
                    </p>
                  </div>
                </li>
                <li>
                  <div
                    className="elist_top"
                    onClick={() => {
                      this.props.history.push("/teacher/3");
                    }}
                  >
                    <div className="eltop_img">
                      <img
                        src={require("../../images/teacher3.jpg").default}
                        alt=""
                      />
                    </div>
                    <div className="eltop_own">
                      <h4>方展博</h4>
                      <span>一级教师</span>
                      <span>中国人民大学附属中学</span>
                    </div>
                  </div>
                  <div className="elist_txt">
                    <p className="eltxt_hop">
                      <span>方程的根与函数的零点的方法解析</span>
                    </p>
                    <p className="eltxt_hop">
                      <span>中心投影与平行投影与空间几何</span>
                    </p>
                    <p className="eltxt_hop">
                      <span>球的体积与表面积</span>
                    </p>
                    <p>
                      <span>直线与平面垂直的判定</span>
                    </p>
                    <p>
                      <span>直线与平面平行的性质与判定关系</span>
                    </p>
                  </div>
                </li>
                <li>
                  <div
                    className="elist_top"
                    onClick={() => {
                      this.props.history.push("/teacher/4");
                    }}
                  >
                    <div className="eltop_img">
                      <img
                        src={require("../../images/teacher4.jpg").default}
                        alt=""
                      />
                    </div>
                    <div className="eltop_own">
                      <h4>施洋</h4>
                      <span>一级教师</span>
                      <span>雅礼中学</span>
                    </div>
                  </div>
                  <div className="elist_txt">
                    <p className="eltxt_hop">
                      <span>新课标高考词汇0056——admire</span>
                    </p>
                    <p className="eltxt_hop">
                      <span>There be常见误用</span>
                    </p>
                    <p className="eltxt_hop">
                      <span>对比时，一定用“比较级”吗？</span>
                    </p>
                    <p>
                      <span>新课标高考词汇0058——adolescence</span>
                    </p>
                    <p>
                      <span>副词“原级”和“比较级”特殊情况</span>
                    </p>
                  </div>
                </li>
              </ul>
            </div>
            <div className="hot">
              <Title
                left={
                  <>
                    <span>热门名师</span>
                    <ul>
                      <li>
                        <a className="cur" href="true">
                          热门
                        </a>
                      </li>
                      <li>
                        <a href="true">语文</a>
                      </li>
                      <li>
                        <a href="true">英语</a>
                      </li>
                      <li>
                        <a href="true">数学</a>
                      </li>
                      <li>
                        <a href="true">物理</a>
                      </li>
                      <li>
                        <a href="true">化学</a>
                      </li>
                      <li>
                        <a href="true">生物</a>
                      </li>
                      <li>
                        <a href="true">历史</a>
                      </li>
                      <li>
                        <a href="true">地理</a>
                      </li>
                      <li>
                        <a href="true">政治</a>
                      </li>
                      <li className="more">
                        <a href="true">更多&gt;&gt;</a>
                      </li>
                    </ul>
                  </>
                }
                right={<span>名师热度榜</span>}
              />
              <div className="hot_left">
                <ul className="hleft_list clearfix">
                  <li>
                    <div className="hlist_top">
                      <img
                        src={require("../../images/hot_teacher.jpg").default}
                        alt=""
                      />
                      <div>
                        <h3>钟国强</h3>
                        <i>高中政治</i>
                        <span>北京市宣武区外国语学校</span>
                      </div>
                    </div>
                    <div className="hlist_bto">
                      <span>344节微课</span>
                      <span>56人学习</span>
                    </div>
                  </li>
                  <li>
                    <div className="hlist_top">
                      <img
                        src={require("../../images/hot_teacher.jpg").default}
                        alt=""
                      />
                      <div>
                        <h3>钟国强</h3>
                        <i>高中政治</i>
                        <span>北京市宣武区外国语学校</span>
                      </div>
                    </div>
                    <div className="hlist_bto">
                      <span>344节微课</span>
                      <span>56人学习</span>
                    </div>
                  </li>
                  <li>
                    <div className="hlist_top">
                      <img
                        src={require("../../images/hot_teacher.jpg").default}
                        alt=""
                      />
                      <div>
                        <h3>钟国强</h3>
                        <i>高中政治</i>
                        <span>北京市宣武区外国语学校</span>
                      </div>
                    </div>
                    <div className="hlist_bto">
                      <span>344节微课</span>
                      <span>56人学习</span>
                    </div>
                  </li>
                  <li>
                    <div className="hlist_top">
                      <img
                        src={require("../../images/hot_teacher.jpg").default}
                        alt=""
                      />
                      <div>
                        <h3>钟国强</h3>
                        <i>高中政治</i>
                        <span>北京市宣武区外国语学校</span>
                      </div>
                    </div>
                    <div className="hlist_bto">
                      <span>344节微课</span>
                      <span>56人学习</span>
                    </div>
                  </li>
                  <li>
                    <div className="hlist_top">
                      <img
                        src={require("../../images/hot_teacher.jpg").default}
                        alt=""
                      />
                      <div>
                        <h3>钟国强</h3>
                        <i>高中政治</i>
                        <span>北京市宣武区外国语学校</span>
                      </div>
                    </div>
                    <div className="hlist_bto">
                      <span>344节微课</span>
                      <span>56人学习</span>
                    </div>
                  </li>
                  <li>
                    <div className="hlist_top">
                      <img
                        src={require("../../images/hot_teacher.jpg").default}
                        alt=""
                      />
                      <div>
                        <h3>钟国强</h3>
                        <i>高中政治</i>
                        <span>北京市宣武区外国语学校</span>
                      </div>
                    </div>
                    <div className="hlist_bto">
                      <span>344节微课</span>
                      <span>56人学习</span>
                    </div>
                  </li>
                </ul>
                <ol className="hleft_btn clearfix">
                  <li className="curr"></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                </ol>
              </div>
              <div className="hot_right">
                <ul className="hright_cont">
                  <li className="cur">
                    <h2>1</h2>
                    <img
                      src={require("../../images/hot_teacher.jpg").default}
                      alt=""
                    />
                    <div>
                      <h5>陆宇荣</h5>
                      <span>高中语文</span>
                      <span>1.2w节微课</span>
                    </div>
                  </li>
                  <li>
                    <h2 style={{ color: "#ff6b1a" }}>2</h2>
                    <h5>司徒如玉</h5>
                    <span className="fr">8750节微课</span>
                  </li>
                  <li>
                    <h2 style={{ color: "#ffa716" }}>3</h2>
                    <h5>谢依霖</h5>
                    <span className="fl">初中语文</span>
                    <span className="fr">8750节微课</span>
                  </li>
                  <li>
                    <h2 style={{ color: "#9a9a9a" }}>4</h2>
                    <h5>齐家欣</h5>
                    <span className="fl">初中语文</span>
                    <span className="fr">8750节微课</span>
                  </li>
                  <li>
                    <h2 style={{ color: "#9a9a9a" }}>5</h2>
                    <h5>刘怀东</h5>
                    <span className="fl">初中语文</span>
                    <span className="fr">8750节微课</span>
                  </li>
                </ul>
              </div>
            </div>
            <div className="choice">
              <Title
                left={<span>微课精选</span>}
                right={<span>学霸必备</span>}
              />
              <div className="choice_left">
                <ul className="chleft_top clearfix">
                  <li className="ch_cur">
                    <span>语文</span>
                  </li>
                  <li>
                    <span>语文</span>
                  </li>
                  <li>
                    <span>语文</span>
                  </li>
                  <li>
                    <span>语文</span>
                  </li>
                  <li>
                    <span>语文</span>
                  </li>
                  <li>
                    <span>语文</span>
                  </li>
                  <li>
                    <span>语文</span>
                  </li>
                  <li>
                    <span>语文</span>
                  </li>
                  <li>
                    <span>语文</span>
                  </li>
                  <li className="more">
                    <a href="true">更多&gt;&gt;</a>
                  </li>
                </ul>
                <div className="chleft_show">
                  <div className="ch_showTop">
                    <a href="true" className="stop_cur">
                      立体几何
                    </a>
                    <a href="true">集合与简易逻辑</a>
                    <a href="true">优选法与试验设计初步</a>
                    <a href="true">数系的扩充和复数的引入</a>
                    <a href="true">解析几何</a>
                    <a href="true">不等式选讲</a>
                    <a href="true">集合与简易逻辑</a>
                    <a href="true">优选法与试验设计初步</a>
                    <a href="true">解析几何</a>
                    <a href="true">不等式选讲</a>
                    <a href="true">数系的扩充和复数的引入</a>
                    <a href="true">解析几何</a>
                    <a href="true">不等式选讲</a>
                    <a href="true">集合与简易逻辑</a>
                  </div>
                  <ul className="ch_showList clearfix">
                    <li style={{ background: "#6d9cb9" }}>
                      <b>高中数学必修一</b>
                    </li>
                    <li style={{ background: "#075143" }}>
                      <b>高中数学必修一</b>
                    </li>
                    <li style={{ background: "#98bd59" }}>
                      <b>高中数学必修一</b>
                    </li>
                    <li style={{ background: "#b68ffd" }}>
                      <b>高中数学必修一</b>
                    </li>
                  </ul>
                  <div className="ch_showTo">
                    <a href="true">更多微课请去精品微课页&gt;&gt;</a>
                  </div>
                </div>
              </div>
              <ul className="choice_right">
                <li>
                  <div>
                    <b style={{ color: "#ff1010" }}>1</b>
                    <span>高中英语必修一</span>
                    <i>1.2w节微课</i>
                  </div>
                </li>
                <li>
                  <div>
                    <b style={{ color: "#ff6b1a" }}>2</b>
                    <span>高中英语必修一</span>
                    <i>1.2w节微课</i>
                  </div>
                </li>
                <li>
                  <div>
                    <b style={{ color: "#ffa716" }}>3</b>
                    <span>高中英语必修一</span>
                    <i>1.2w节微课</i>
                  </div>
                </li>
                <li>
                  <div>
                    <b style={{ color: "#9a9a9a" }}>4</b>
                    <span>高中英语必修一</span>
                    <i>1.2w节微课</i>
                  </div>
                </li>
                <li>
                  <div>
                    <b style={{ color: "#9a9a9a" }}>5</b>
                    <span>高中英语必修一</span>
                    <i>1.2w节微课</i>
                  </div>
                </li>
              </ul>
            </div>
            <div className="real">
              <Title
                left={
                  <>
                    <span>真题解析</span>
                    <a href="ture" className="more">
                      更多&gt;&gt;
                    </a>
                  </>
                }
                right={
                  <>
                    <span>名校找名师</span>
                    <a href="ture">更多&gt;&gt;</a>
                  </>
                }
              />
              <div className="real_left fl">
                <div className="rleft_bar">
                  <span>2015高考视频真题解析</span>
                  <img
                    src={require("../../images/real_bar.jpg").default}
                    alt=""
                  />
                </div>
                <div className="rleft_list">
                  <span>
                    2015年普通高等学校招生全国统一考试（全国新课标I卷）：
                  </span>
                  <ul className="clearfix">
                    <li>
                      <i></i>
                      <span>语文卷</span>
                    </li>
                    <li className="wenKe pr">
                      <i></i>
                      <span>数学卷</span>
                    </li>
                    <li className="liKe pr">
                      <i></i>
                      <span>数学卷</span>
                    </li>
                    <li>
                      <i></i>
                      <span>语文卷</span>
                    </li>
                    <li className="juan_cur">
                      <i></i>
                      <span>语文卷</span>
                    </li>
                    <li>
                      <i></i>
                      <span>语文卷</span>
                    </li>
                    <li>
                      <i></i>
                      <span>语文卷</span>
                    </li>
                    <li>
                      <i></i>
                      <span>语文卷</span>
                    </li>
                    <li>
                      <i></i>
                      <span>语文卷</span>
                    </li>
                    <li>
                      <i></i>
                      <span>语文卷</span>
                    </li>
                  </ul>
                </div>
              </div>
              <ul className="real_right fr">
                <li>
                  <img
                    src={require("../../images/find_teacher.png").default}
                    alt=""
                  />
                  <span>中国人民大学附属中学</span>
                </li>
                <li>
                  <img
                    src={require("../../images/find_teacher.png").default}
                    alt=""
                  />
                  <span>中国人民大学附属中学</span>
                </li>
                <li>
                  <img
                    src={require("../../images/find_teacher.png").default}
                    alt=""
                  />
                  <span>中国人民大学附属中学</span>
                </li>
                <li>
                  <img
                    src={require("../../images/find_teacher.png").default}
                    alt=""
                  />
                  <span>中国人民大学附属中学</span>
                </li>
                <li>
                  <img
                    src={require("../../images/find_teacher.png").default}
                    alt=""
                  />
                  <span>中国人民大学附属中学</span>
                </li>
              </ul>
            </div>
            <div className="studio">
              <Title left={<span>名师工作室</span>} />
              <ul className="studio_list clearfix">
                <li>
                  <img
                    src={require("../../images/studio.jpg").default}
                    alt=""
                  />
                  <div>
                    <span className="stList_tit">Os&Li初中化学名师工作室</span>
                    <span className="stList_intro">
                      <i>344节微课</i>
                      <i>四川成都</i>
                    </span>
                    <span className="stList_intro">
                      <i>56人学习</i>
                      <i>初中化学</i>
                    </span>
                  </div>
                </li>
                <li>
                  <img
                    src={require("../../images/studio.jpg").default}
                    alt=""
                  />
                  <div>
                    <span className="stList_tit">Os&Li初中化学名师工作室</span>
                    <span className="stList_intro">
                      <i>344节微课</i>
                      <i>四川成都</i>
                    </span>
                    <span className="stList_intro">
                      <i>56人学习</i>
                      <i>初中化学</i>
                    </span>
                  </div>
                </li>
                <li>
                  <img
                    src={require("../../images/studio.jpg").default}
                    alt=""
                  />
                  <div>
                    <span className="stList_tit">Os&Li初中化学名师工作室</span>
                    <span className="stList_intro">
                      <i>344节微课</i>
                      <i>四川成都</i>
                    </span>
                    <span className="stList_intro">
                      <i>56人学习</i>
                      <i>初中化学</i>
                    </span>
                  </div>
                </li>
                <li>
                  <img
                    src={require("../../images/studio.jpg").default}
                    alt=""
                  />
                  <div>
                    <span className="stList_tit">Os&Li初中化学名师工作室</span>
                    <span className="stList_intro">
                      <i>344节微课</i>
                      <i>四川成都</i>
                    </span>
                    <span className="stList_intro">
                      <i>56人学习</i>
                      <i>初中化学</i>
                    </span>
                  </div>
                </li>
                <li>
                  <img
                    src={require("../../images/studio.jpg").default}
                    alt=""
                  />
                  <div>
                    <span className="stList_tit">Os&Li初中化学名师工作室</span>
                    <span className="stList_intro">
                      <i>344节微课</i>
                      <i>四川成都</i>
                    </span>
                    <span className="stList_intro">
                      <i>56人学习</i>
                      <i>初中化学</i>
                    </span>
                  </div>
                </li>
                <li>
                  <img
                    src={require("../../images/studio.jpg").default}
                    alt=""
                  />
                  <div>
                    <span className="stList_tit">Os&Li初中化学名师工作室</span>
                    <span className="stList_intro">
                      <i>344节微课</i>
                      <i>四川成都</i>
                    </span>
                    <span className="stList_intro">
                      <i>56人学习</i>
                      <i>初中化学</i>
                    </span>
                  </div>
                </li>
                <li>
                  <img
                    src={require("../../images/studio.jpg").default}
                    alt=""
                  />
                  <div>
                    <span className="stList_tit">Os&Li初中化学名师工作室</span>
                    <span className="stList_intro">
                      <i>344节微课</i>
                      <i>四川成都</i>
                    </span>
                    <span className="stList_intro">
                      <i>56人学习</i>
                      <i>初中化学</i>
                    </span>
                  </div>
                </li>
                <li>
                  <img
                    src={require("../../images/studio.jpg").default}
                    alt=""
                  />
                  <div>
                    <span className="stList_tit">Os&Li初中化学名师工作室</span>
                    <span className="stList_intro">
                      <i>344节微课</i>
                      <i>四川成都</i>
                    </span>
                    <span className="stList_intro">
                      <i>56人学习</i>
                      <i>初中化学</i>
                    </span>
                  </div>
                </li>
                <li>
                  <img
                    src={require("../../images/studio.jpg").default}
                    alt=""
                  />
                  <div>
                    <span className="stList_tit">Os&Li初中化学名师工作室</span>
                    <span className="stList_intro">
                      <i>344节微课</i>
                      <i>四川成都</i>
                    </span>
                    <span className="stList_intro">
                      <i>56人学习</i>
                      <i>初中化学</i>
                    </span>
                  </div>
                </li>
                <li>
                  <img
                    src={require("../../images/studio.jpg").default}
                    alt=""
                  />
                  <div>
                    <span className="stList_tit">Os&Li初中化学名师工作室</span>
                    <span className="stList_intro">
                      <i>344节微课</i>
                      <i>四川成都</i>
                    </span>
                    <span className="stList_intro">
                      <i>56人学习</i>
                      <i>初中化学</i>
                    </span>
                  </div>
                </li>
              </ul>
              <ol className="hleft_btn stu_btn clearfix">
                <li className="curr"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
              </ol>
            </div>
            <div className="newest">
              <Title
                left={<span>最新入驻</span>}
                right={<a href="true">加入他们</a>}
              />
              <div className="newest_list">
                <i className="icon_l"></i>
                <i className="icon_r"></i>
                <ul>
                  <li className="news_curr">
                    <div className="news_img">
                      <img
                        src={require("../../images/new_bar.jpg").default}
                        alt=""
                      />
                    </div>
                    <div className="news_txt">
                      <span className="news_name">
                        <b>刘思彤</b>
                        <span>高级教师</span>
                      </span>
                      <span className="news_school">
                        北京市玄武外国语实验学校高级名校
                      </span>
                    </div>
                  </li>
                  <li className="news_curr">
                    <div className="news_img">
                      <img
                        src={require("../../images/new_bar.jpg").default}
                        alt=""
                      />
                    </div>
                    <div className="news_txt">
                      <span className="news_name">
                        <b>刘思彤</b>
                        <span>高级教师</span>
                      </span>
                      <span className="news_school">
                        北京市玄武外国语实验学校高级名校
                      </span>
                    </div>
                  </li>
                  <li className="news_curr">
                    <div className="news_img">
                      <img
                        src={require("../../images/new_bar.jpg").default}
                        alt=""
                      />
                    </div>
                    <div className="news_txt">
                      <span className="news_name">
                        <b>刘思彤</b>
                        <span>高级教师</span>
                      </span>
                      <span className="news_school">
                        北京市玄武外国语实验学校高级名校
                      </span>
                    </div>
                  </li>
                  <li className="news_curr">
                    <div className="news_img">
                      <img
                        src={require("../../images/new_bar.jpg").default}
                        alt=""
                      />
                    </div>
                    <div className="news_txt">
                      <span className="news_name">
                        <b>刘思彤</b>
                        <span>高级教师</span>
                      </span>
                      <span className="news_school">
                        北京市玄武外国语实验学校高级名校
                      </span>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
            <div className="upUp">
              <span className="up_tit">为什么选择天天象上</span>
              <ul className="up_list">
                <li>
                  <i></i>
                  <span>不读名校 也能跟名师学</span>
                  <p>
                    各省市排名前五名校的20000+位名师入驻天天象上，不读名校也能师从名师
                  </p>
                </li>
                <li>
                  <i></i>
                  <span>不读名校 也能跟名师学</span>
                  <p>
                    各省市排名前五名校的20000+位名师入驻天天象上，不读名校也能师从名师
                  </p>
                </li>
                <li>
                  <i></i>
                  <span>不读名校 也能跟名师学</span>
                  <p>
                    各省市排名前五名校的20000+位名师入驻天天象上，不读名校也能师从名师
                  </p>
                </li>
                <li>
                  <i></i>
                  <span>不读名校 也能跟名师学</span>
                  <p>
                    各省市排名前五名校的20000+位名师入驻天天象上，不读名校也能师从名师
                  </p>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </>
    );
  }
}

export default main;
